<template>
	<div>
		<n-popover trigger="hover">
				<template #trigger>
					<n-button class="table-more-btn" v-bind="$attrs" strong secondary circle type="primary" >
						<template #icon>
								<svg-icon local-icon="more-vertical"/>
						</template>
					</n-button>
				</template>
				<slot />
		</n-popover>
	</div>
</template>

<script  setup lang='ts' >
defineOptions({ name: 'SMoreTableBtn' });
</script>

<style lang='scss' scoped>
.table-more-btn{
	transition: all .5s ease-in-out;
	&:hover{
		transform: rotateZ(180deg);
	}
}
</style>
